

<template>
  <ul>
    <li><RouterLink active-class="active" :to="{path:'/HelloWorld'}">HelloWorld</RouterLink></li>
    <li><RouterLink active-class="active" :to="{path:'/propsTest'}">propsTest</RouterLink></li>
    <li><RouterLink active-class="active" :to="{path:'/test'}">test</RouterLink></li>
  </ul>
  <RouterView></RouterView>
</template>
<script setup lang="ts" name="App">
// import HelloWorld from './components/HelloWorld.vue'

import {RouterLink,RouterView} from 'vue-router'  

</script>
<style scoped>
  .active{
    color: red;
  }
</style>
